﻿
@{
    ViewData["Title"] = "新用户注册";
    Layout = "~/Views/Shared/_AccountLayout.cshtml";
}
@model String
@section head {
    <style>
        .loginBody form.layui-form {
            padding: 0 20px;
            width: 800px;
            position: absolute;
            left: 50%;
            top: 100px;
            margin: 0 0 0 -400px;
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            -o-box-sizing: border-box;
            box-sizing: border-box;
            background: #fff;
            -webkit-border-radius: 5px;
            -moz-border-radius: 5px;
            border-radius: 5px;
            box-shadow: 0 0 50px #312754;
        }
        .uploadContainer {
            visibility: hidden;
        }
    </style>
}

    <form class="layui-form">
        @Html.AntiForgeryToken()
        <div class="login_face">@*<img src="~/images/face.jpg" class="userAvatar">*@</div>
        <div class="layui-form-item input-item">
            <label for="userName">用户名</label>
            <input type="text" placeholder="最长9位，禁止QS开头" autocomplete="off" id="UserName" class="layui-input UserName" lay-verify="required|username">
        </div>
        <div class="layui-form-item input-item">
            <label for="password">密码</label>
            <input type="password" placeholder="最长9位" autocomplete="off" id="Password" class="layui-input Password" lay-verify="required|pass">
        </div>
        <div class="layui-form-item input-item">
            <label for="password">确认密码</label>
            <input type="password" placeholder="最长9位" autocomplete="off" id="ConfimPassword" class="layui-input ConfimPassword" lay-verify="required|pass|confimpass">
        </div>
        <div class="layui-form-item input-item">
            <label for="userName">真实姓名</label>
            <input type="text" placeholder="最长5位" autocomplete="off" id="RealName" class="layui-input RealName" lay-verify="required">
        </div>
        <div class="layui-form-item input-item">
            <label for="userName">身份证</label>
            <input type="text" placeholder="最长18位" autocomplete="off" id="CardId" class="layui-input CardId" lay-verify="required|checkcardno">
        </div>
        <div class="layui-form-item input-item">
            <label for="userName">手机号</label>
            <input type="text" placeholder="最长13位，必填" autocomplete="off" id="Mobile" class="layui-input Mobile" lay-verify="required|phone">
        </div>
        <div class="layui-form-item input-item">
            @*<label class="layui-form-label">开户银行</label>*@
            <select id="BankType" name="BankType" class="layui-input BankType" lay-verify="required">
                <option value="开户银行">== 开户银行 ==</option>
                <option value="中国银行">中国银行</option>
                <option value="中国邮政">中国邮政</option>
                <option value="农业银行">农业银行</option>
                <option value="工商银行">工商银行</option>
                <option value="建设银行">建设银行</option>
                <option value="民生银行">民生银行</option>
                <option value="招商银行">招商银行</option>
                <option value="交通银行">交通银行</option>
                <option value="光大银行">光大银行</option>
                <option value="中信银行">中信银行</option>
                <option value="兴业银行">兴业银行</option>
                <option value="华夏银行">华夏银行</option>
                <option value="浦发银行">浦发银行</option>
            </select>
        </div>
        <div class="layui-form-item" pane>
            <label for="userName">银行卡号</label>
            <input type="text" placeholder="银行卡的卡号" autocomplete="off" id="BankCard" name="BankCard" class="layui-input BankCard"  lay-verify="required">
        </div>
        <div class="layui-form-item input-item">
            <label for="code">注册码</label>
            <input type="text" placeholder="注册码" autocomplete="off" id="InvitationCode" class="layui-input InvitationCode">
        </div>
        <div class="layui-form-item input-item">
            <div class="vip10">*上传材料 示例图片 缺一不可：身份证正反面和银行卡(用途、签名、日期)、手签居间商风险提示承诺书(正文、签名照)、营业执照(若不同名需提交法人身份证以及授权书),图片大小限制4M以内.  <a href="/account/agentexamplesphoto" target="_blank">图片示例</a></div>
        </div>
        <div class="layui-form-item input-item">
            <input id="UploadImages" class="UploadImages" type="hidden" lay-verify="checkedimages">
            <button id="uploadImagesBtn" class="layui-btn layui-btn-normal uploadImagesBtn" type="button">
                <i class="layui-icon">&#xe62f;</i> 上传图片
            </button>
        </div>
        <div class="layui-form-item input-item">
            <div>
                <div class="vip1">已上传图片</div>
                <div id="imagesPanel" name="imagesPanel" class="imagesPanel" ></div>
            </div>
        </div>
        <div class="layui-form-item input-item">
            <div>
                <input id="IsRead" class="IsRead" type="checkbox" lay-skin="primary" title="我已阅读并同意" lay-verify="checkedread">
                <span class="vip1">
                    <a href="~/doc/居间商风险提示承诺书.docx">居间商风险提示承诺书</a>
                </span>
            </div>
        </div>
        <div class="layui-form-item">
            <button class="layui-btn layui-block" lay-filter="agentRegister" lay-submit>注册</button>
        </div>
        <div class="layui-form-item layui-row">
            <div class="layui-col-xs4 layui-col-sm4 layui-col-md4 layui-col-lg4">&nbsp;</div>
            <div class="layui-col-xs4 layui-col-sm4 layui-col-md4 layui-col-lg4 layui-center">已有帐号？请<a href="/account/index">登录</a></div>
            <div class="layui-col-xs4 layui-col-sm4 layui-col-md4 layui-col-lg4">&nbsp;</div>
        </div>
    </form>
<div class="uploadContainer">
    <!-- Document：https://developer.qiniu.com/kodo/manual/form-upload -->
    <form id="testform" method="post" enctype="multipart/form-data">
        <input name="key" id="key" type="hidden" value="">
        <input id="token" name="token" type="hidden" value="@Model">
        <input id="userfile" name="file" type="file" accept=".jpg,.png,.jpeg" />
        <input id="userfilepath" name="userfilepath" type="hidden" />
        <input id="userfilename" name="userfilename" value="" type="hidden" />

        <!-- take photo with phone -->
        <!-- <input id="userfile" name="file" accept="image/*" type="file" /> -->
        <!-- take video with phone -->
        <!-- <input id="userfile" name="file" type="file" accept="video/*"/> -->

        <input name="accept" type="hidden" />
    </form>

    <!-- add file -->
    <label for="userfile">
        <span></span>
        <em>添加文件</em>
    </label>

    <!-- upload info -->
    <div class="selected-file"></div>
    <div class="progress"></div>
    <div class="uploaded-result"></div>
</div>

@section Scripts {
    <script type="text/javascript" src="~/layui/layui.js"></script>
    <script type="text/javascript" src="~/js/qiniu/formdata.js"></script>
    <script type="text/javascript" src="~/js/account.agent.js?_=@DateTime.Now.ToString("yyyyMMddHHmmss")"></script>
    <script type="text/javascript" src="~/js/cache.js"></script>
}
